<script setup lang="ts">
import { tableData, data } from "./data";
import { useDark } from "./utils";

defineOptions({
  name: "PermissionPage"
});

const columns: TableColumnList = [
  {
    label: "序列号",
    prop: "investor_id"
  },
  {
    label: "年数",
    prop: "since"
  },
  {
    label: "性别",
    prop: "gender"
  },
  {
    label: "收入",
    prop: "income"
  },
  {
    label: "总资产",
    prop: "AUM"
  },
  {
    label: "专业管理",
    prop: "profManage"
  },
  {
    label: "分散投资",
    prop: "diversificatior"
  },
  {
    label: "可负担性",
    prop: "affordability"
  },
  {
    label: "流动性",
    prop: "liquidity"
  },
  {
    label: "成长性",
    prop: "growth"
  },
  {
    label: "可信性",
    prop: "trustworthiness"
  },
  {
    label: "技术",
    prop: "technology"
  },
  {
    label: "诚信",
    prop: "integrity"
  },
  {
    label: "品牌价值",
    prop: "brandValue"
  }
];
</script>

<template>
  <div>
    <el-card shadow="never" class="mb-2">
      <pure-table :data="data" :columns="columns" height="360" />
    </el-card>
  </div>
</template>
